<template>
    <div class="wrapper">
        <Top title="确认订单" ></Top>
        <article class="order">
            <section class="order-content">
                <nav>
                    <h2>收货地址</h2>
                    <div class="order-content__address">
                        <div class="order-content__item">分栏一</div>
                        <div class="order-content__item">分栏一</div>
                        <div class="order-content__item">分栏一</div>
                        <div class="order-content__item">分栏一</div>
                    </div>
                </nav>
            </section>
        </article>
    </div>
</template>

<script>
import Top from '@/components/Top.vue'
    export default {
        components:{
            Top
        },
        created() {
          console.log(this.$route.params);  
        },
    }
</script>

<style lang="scss" scoped>
@import "../assets/css/theme.scss";
.order{
    background-color:$background-color;
    .order-content{
        width:$content-width;
        margin:0 auto;
        background-color: white;
        .order-content__address{
            column-count:4;
            column-width:auto;
            .order-content__item{
                border:1px solid #ccc;
            }
        }
    }
}
</style>